
$(document).ready(function(){
		var winW = $(window).width();
		var liLen = $(".banner ul li").length;
		$(".banner ul").css({"width":winW*liLen+"px"});
		$(".banner ul li").width(winW+"px");
		var a = 0;
		$(".hd li").eq(0).addClass("on");

		$(".hd li").click(function(){
			a = $(this).index();
			$(".banner ul").animate({"left":-winW*a+"px"},700);
			$(".hd li").removeClass("on").eq(a).addClass("on");
		})

		$(".banner").mouseover(function(){
			clearInterval(lun);
		})
		$(".banner").mouseout(function(){
			lun = setInterval(show,3000);
		})
		function show(){
			a = a + 1;
			if(a>liLen-1){
				a = 0;
			}
			$(".banner ul").animate({"left":-winW*a+"px"},1000);
			$(".hd li").removeClass("on").eq(a).addClass("on");
		}
		
		var lun = setInterval(show,3000);
		
      });